[#escape x as (x)!?html]
<div class="col-sm-4 px-4 d-none d-lg-block">
  <h5 class="ml-2"><i class="far fa-newspaper text-primary"></i> 热点关注</h5>
  <div class="px-2 pb-2 mt-3">
    [@ZContentList orderBy='count.views_desc' count='10'; contents] [#list
    contents as content]
    <div class="mt-3 d-flex flex-row">
      <div>
        <span
        class="badge [#if content_index==0]badge-danger[#elseif content_index<=2]badge-warning text-white[#elseif content_index<=4]badge-primary[#else]badge-secondary[/#if]"
        style="width: 25px"
          >${content_index+1}</span
        >
      </div>
      <div class="ml-2 text-truncate">
        [@ZUrl object=content class="common-link text-md-left"/]
      </div>
    </div>
    [/#list] [/@ZContentList]
  </div>

  [@ZChannel channelPath='video'; c]
  <h5 class="mt-3 ml-2">
    <i class="fas fa-film text-primary"></i> [@ZUrl object=c
    class="text-reset text-decoration-none"]最新视频[/@ZUrl]
  </h5>
  [/@ZChannel]
  <div class="px-3">
    [@ZContentList channelPath='video' includeChildChannel='true'
    count='4';contents] [#list contents as content]
    <div class="py-3 px-2 position-relative">
      <div class="position-relative">
        [@ZUrl object=content]
        <img
          src="${content.sysImage!}"
          class="card-img-top"
          alt="${content.title}"
        />[/@ZUrl]
        <div class="common-trans-bottom clearfix px-2 text-light">
          <div class="float-left"><i class="far fa-play-circle"></i></div>
          <div class="float-right">${content.videoDuration}</div>
        </div>
      </div>
      <div class="mt-2">[@ZUrl object=content class="common-link small"/]</div>
    </div>
    [/#list] [/@ZContentList]
  </div>
</div>
[/#escape]
